/* 获取类别并渲染 */

function renderCategory() {
  $.ajax({
    url:'/my/category/list',
    success:function (res) {
      if(res.status===0){ 
        console.log(res);
        let str = '';
        res.data.forEach(item => {
          console.log(item.id);
          str +=`
          <tr>
          <td>${item.name}</td>
          <td>${item.alias}</td>
          <td>
            <button data-id="${item.id}" data-name="${item.name}" data-alias="${item.alias}" type="button" class="layui-btn layui-btn-xs">编辑</button>
            <button data-id="${item.id}" type="button" class="layui-btn layui-btn-danger layui-btn-xs">删除</button>
          </td>
        </tr>
          `;
        });
        $('tbody').html(str)    }
     
    }
  })
}
renderCategory()
/* 添加类别 */
let addIndex;
$("button:contains('添加类别')").on('click',function () {
   addIndex = layer.open({
    type:1,
    title:'添加类别',
    content:$('#tpl-add').html(),
    area:['500px','300px']
  })
})
// 提交表单数据，完成添加
// 注册表单的submit事件
$('body').on('submit', '#add-form', function (e) {
  e.preventDefault();
  // 具体：还得看接口要求
  var data = $(this).serialize(); // 一定要检查input是否有正确的name属性
  // ajax提交数据，完成添加
  $.ajax({
    type: 'POST',
    url: '/my/category/add',
    data: data,
    success: function (res) {

        // 添加成功
      if (res.status === 0) {
        layer.msg(res.message);
        renderCategory();
        // 关闭弹层
        layer.close(addIndex);
      }
    }
  });
});
/* 删除类别 */
$('tbody').on('click','button:contains("删除")',function () {
    // 获取id
  var id = $(this).data('id');
  layer.confirm('删除否？',function (index) {
    console.log(id
      );
    $.ajax({
    url: '/my/category/delete',
    data: {id:id},
    success: function (res) {

             // 删除成功，重新渲染页面
      if (res.status === 0) {
        layer.msg(res.message);
        renderCategory();
   
      }
    }
  });
  })
})
/* 编辑类别 */
let editIndex;
$("body").on('click',"button:contains('编辑')",function () {
  let shuju = $(this).data(); // 不给data传参将获取全部data-xxx数据
  console.log(shuju); // {alias: "大撒旦", name: "大撒旦", id: 1573}
   editIndex = layer.open({
    type:1,
    title:'编辑分类',
    content:$('#tpl-edit').html(),
    area:['500px','300px']
  })
  // 数据回填
  $('#edit-form input[name=name]').val(shuju.name)
  $('#edit-form input[name=alias]').val(shuju.alias)
  $('#edit-form input[name=id]').val(shuju.id)
})
// 提交表单数据，完成编辑
// 注册表单的submit事件
$('body').on('submit', '#edit-form', function (e) {
  e.preventDefault();
  // 具体：还得看接口要求
  var data = $(this).serialize(); // 一定要检查input是否有正确的name属性
  // ajax提交数据，完成编辑
  $.ajax({
    type: 'POST',
    url: '/my/category/update',
    data: data,
    success: function (res) {

      // 编辑成功
      if (res.status === 0) {
        layer.msg(res.message);
        renderCategory();
        // 关闭弹层
        layer.close(editIndex);
      }
    }
  });
});